.content-box {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	.descriptions-box {
		flex: 1;
		height: 100%;
		background-color: var(--el-bg-color);
		padding: 15px;
		box-sizing: border-box;
		.buttonList{
			margin-top: 8px;
		}
	}
	.merak_modal{
		.form-box{
			padding: 20px;
			.el-form-item {
				padding-bottom:15px;
			}
		}
	}
}
.descriptions-box{
    min-width: 0;
}

.action_btn.text-right{
    text-align: right;
}
// .searchHeaderDaily::v-deep .search_bar_header{
// 	flex-direction: row-reverse;
// }
.dateBox{
	margin-bottom: var(--merak-space);
}
.calendar_card{
	.calendar_text{
		color: #303133;
		font-size: 13px;
		margin-bottom: 12px;
		&:last-child{
			margin-bottom: 0;
		}
		&.title{
			font-size: 15px;
			line-height:21px;
			padding-top: 10px;
			font-weight: 600;
		}
	}
}
.headIcon{
	cursor: pointer;
}
.calendarDayBox{
	position: relative;
	.dayMsgNum{
		position: absolute;
		font-size: 14px;
		right: 5px;
		top: 5px;
	}
	.workTime{
		font-size: 14px;
		padding-left: 10px;
		position: relative;
		margin-bottom: 1px;
		.after{
			width: 4px;
			height: 4px;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 2px;
			transform: translateY(-50%);
		}
		&.beOnDuty,&.offDuty{
			color: #28AE60;
			.after{
				background-color: #28AE60;
			}
		}
		&.beLate,&.leaveEarly{
			color: #FFAA32;
			.after{
				background-color: #FFAA32;
			}
		}
		&.absenteeism{
			color: #E74C3D;
			.after{
				background-color: #E74C3D;
			}
		}
		&.leave{
			color: #3A9AFF;
			.after{
				color: #3A9AFF;
			}
		}
	}
}
.user_box{
	display:flex;
	align-items:center;
	img{
		width: 30px;
		height: 30px;
		border-radius:50%;
		margin-right: 20px;
		border: 1px solid #f9f9f9;
	}
}